<template>
  <div id="app">
    <el-link icon="el-icon-platform-eleme"><a href="#/home">点击显示各类按钮</a></el-link>
    <el-link icon="el-icon-s-tools"><a href="#/buttondetail">按钮的详细使用</a></el-link>
    <el-link icon="el-icon-user-solid"><a href="#/link">文字链接link</a></el-link>
    <el-link icon="el-icon-star-on"><a href="#/layout">布局样式layout</a></el-link>
    <el-link icon="el-icon-camera-solid"><a href="#/container">布局容器container</a></el-link>
    <el-link icon="el-icon-s-claim"><a href="#/ontainerExam">布局容器应用</a></el-link>
    <el-link icon="el-icon-setting"><a href="#/radio">单选框radio</a></el-link>
    <el-link icon="el-icon-s-goods"><a href="#/checkbox">复选框checkbox</a></el-link>
    <el-link icon="el-icon-s-help"><a href="#/input">输入框组件input</a></el-link>
    <el-link icon="el-icon-s-help"><a href="#/select">下拉选择器select</a></el-link>
    <el-link icon="el-icon-s-help"><a href="#/switchs">开关Switch</a></el-link>
    <br />
    <el-link icon="el-icon-s-help"><a href="#/datePickers">日期选择器datePickers</a></el-link>
    <el-link icon="el-icon-s-help"><a href="#/uploads">文件上传uploads</a></el-link>
    <el-link icon="el-icon-s-help"><a href="#/uploadd">文件上传</a></el-link>
    <el-link icon="el-icon-s-help"><a href="#/forms">forms表单</a></el-link>
    <el-link icon="el-icon-s-help"><a href="#/formsa">formsa表单</a></el-link>
    <el-link icon="el-icon-s-help"><a href="#/formsb">自定义校验表单</a></el-link>
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
